<f:view xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:w="http://www.apusic.com/jsf/widget" xmlns:layout="http://www.apusic.com/jsf/layout"
	xmlns:h="http://java.sun.com/jsf/html" xmlns:ajax="http://www.apusic.com/jsf/ajax"
	renderKitId="AJAX">
	<w:head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	</w:head>
	<w:page title="调整行顺序">
		<div class="examDesc">
		<p>点击“上移”或“下移”按钮对表格的行顺序进行调整</p>
		</div>
		<w:form>
			<w:editDataGrid id="companyGrid" paged="true" rows="10" height="400" width="800">
				<w:toolBar>
					<w:button value="上移" id="moveup" image="images/up.gif" />
					<w:button value="下移" id="movedown" image="images/down.gif" />
				</w:toolBar>
				<w:outputColumn id="id" hidden="true" hidable="false" />
				<w:outputColumn id="name" width="150" align="center" sortable="true" header="公司">
					<w:textField id="nameInput" />
				</w:outputColumn>
				<w:outputColumn id="leadingProduct" header="主打产品">
					<w:textField id="leadingProductInput" />
				</w:outputColumn>
				<w:outputColumn id="address" width="150" header="地址">
					<w:textField id="addressInput" />
				</w:outputColumn>
				<w:outputColumn id="phone" header="联系电话">
					<w:textField id="phoneInput" />
				</w:outputColumn>
				<w:outputColumn id="homepage" width="250" header="公司主页">
					<w:textField id="homepageInput" />
				</w:outputColumn>
			</w:editDataGrid>
		</w:form>
	</w:page>
</f:view>
